@import "util";
@import "../common/rem.less";
#DailyDetail {
  background: #DDD;
  .daily-detail {
    background: #fff;
    .px2rem(padding-bottom, 32);
  }

}
.top-info {
  text-align: center;
  color:#8899A6;
  .px2px(font-size, 28);
  .px2rem(padding, 32);
  .img-thumb {
    img {
      .px2rem(height,120);
      .px2rem(width, 120);
      border-radius: 50%;
    }
  }
  .name {
    color:#2D2D2D;
    .px2px(font-size, 32);

  }
  .tip {

  }
}
.number {
  color:#F76A75;
}
.date-month {
  .flex-layout();
  .flex-vertical();
  .px2rem(height, 86);
  .px2rem(line-height, 86);
  .px2rem(padding-left, 32);
  .px2rem(padding-right, 32);
  .px2px(font-size, 32);
  color:#F76A75;
  background: #F6F9FA;
  i {
    display: inline-block;
    .px2px(font-size, 50);
    color:#aaa;
    &:last-child {
      .rotate(-180deg);
    }
  }
}

.month {
  .flex(1);
  text-align: center;
}
.show-count {
  .px2rem(padding-left, 32);
  .px2rem(padding-right, 32);
  .px2px(font-size, 28);
}